/* 
    Document   : formStyle-structure
    Created on : 14/08/2011, 14:33:33
    Author     : robert
    Description:
        Purpose of the stylesheet follows.
*/



/* Reset sizes */
.formStyle,.formStyle-square * {padding:0; margin:0; list-style: none; border: none;}

/* Default settings for the form. */
.formStyle,.formStyle-square{
    margin: 20px auto ;
    * margin: 8px auto ;  /* ie7 */

    padding: 20px;
    text-align: left;
}





/*============[ Grid elements of the form. ]===============*/


/*********     Default Settings     *********/

.field_inline span { float: left;
                     display: inline;
                     height: 31px;
                     vertical-align: middle;
                     line-height: 1.7em; *line-height: 2em;
}

.field_inline label{ float: left;
                     display: inline;
                     vertical-align: middle;
                     line-height: 1em;
                     padding-top: 2px;
                     padding-left: 2px;
}


.colunms .colunm1{ float:left;}

.colunms .colunm2{ float:left;}



/* Standard measures to header  */
div#form-header{
    margin: 30px auto -20px;
    * margin: 30px auto -8px;  /* ie7 */

    -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;
    behavior: url(ie-css3.htc);
}



/* Measures in the fieldset, legend, input, select and textarea in rounded edge */
.formStyle fieldset, .formStyle legend, .boxButtons input,
.formStyle input,.formStyle select,.formStyle textarea,  .formStyle .form-msg-info,
.formStyle .form-msg-warning,.formStyle  .form-msg-error,.formStyle  .form-msg-success,
.formStyle .form-msg-info-small,.formStyle  .form-msg-warning-small,
.formStyle  .form-msg-error-small,.formStyle  .form-msg-success-small{
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    behavior: url(ie-css3.htc);
}

/* Measures in the form in rounded edge */
.formStyle{
    -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
    behavior: url(ie-css3.htc);
}

/* Square edges in the form */
.formStyle-square, .formStyle-square fieldset, .formStyle-square legend,
.formStyle-square select,.formStyle-square textarea, .formStyle-square .form-msg-info,
.formStyle-square  .form-msg-warning,.formStyle-square  .form-msg-error,
.formStyle-square  .form-msg-success,.formStyle-square .form-msg-info-small,
.formStyle-square  .form-msg-warning-small,.formStyle-square  .form-msg-error-small,
.formStyle-square  .form-msg-success-small {
    -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
    behavior: url(ie-css3.htc);
}

.formStyle fieldset, .formStyle-square fieldset{ padding: 5px; margin-bottom: 5px; *padding: 7px; padding: 7px\0/;} /* ie7, ie8*/

.formStyle h2, .formStyle-square h2{ margin-left: 10px;}


/********************** Measurements of blocks **********************/

formStyle-square div.block,
.formStyle div.block{ 
    width: 100%;
}


/************  Measurements of other elements of the form ***********/

.formStyle label, .formStyle-square label{ padding-bottom: 3px;}

.form-req {position: relative;top:4px;}
  
.formStyle input, .formStyle-square input{
    height: 30px; *height: 29px;
    padding: 4px;
}

.formStyle select, .formStyle-square select{
    height: 30px;
    padding: 3px;
}

.formStyle textarea, .formStyle-square textarea{
       overflow-y: hidden;
}

.boxButtons{
                 padding: 5% 0;
                 text-align: center;
}

.boxButtons input{
                 cursor: pointer;
                 width: 140px; height:40px;

                 /* bordas arredondadas */
                 -moz-border-radius: 7px;
                 -webkit-border-radius: 7px;
                 -khtml-border-radius: 7px;
                 border-radius: 7px;
                 margin-right: 7.25%;

}


.boxButtons input:hover{
                cursor: pointer;
}


/* lista de chk e rdo */

.form-list-checkbox li, .form-list-radio li {margin: 0.5em 0.6em 0.2em; *margin: -0.5em 0.5em -0.5em;   float:left; display: inline; list-style:none;}
.form-list-checkbox input, .form-list-radio li input {margin-right: 0.2em}
.form-list-checkbox ul li input, .form-list-radio ul li input { padding-bottom: 5px;}


.form-chk{
        font-style: normal;
        vertical-align: super;
        *vertical-align: middle; /* ie7+ */
		line-height: 17px;
}

.form-rdo{
        font-style: normal;        
        vertical-align: super;
        *vertical-align: middle; /* ie7+ */        
		line-height: 20px;
		margin-left: 5px; 
}

body:first-of-type .form-rdo{margin-left: 4px;} /* chrome */





.form-msg-info, .form-msg-warning, .form-msg-error, .form-msg-success {
	padding:8px 5px 3px; display: block; height: auto; margin: -0.1em 0 0.5em;
}

.form-msg-info-small, .form-msg-warning-small, .form-msg-error-small, .form-msg-success-small {
	padding:3px 5px 0px; display: block; height: auto; margin: -0.05em 0 0.25em;	
}

/* Descrition of the inputs */
p.form-describe{
	clear: both;
	float: none;
	width: auto;
	margin-left: 10px;
	position: static;
}

p.form-describe-right{
	float: right;
	width: auto;
	margin: 0;
	margin-right: 5px;
	clear: none;
}

.mcenter{ margin: 0 auto !important;}

.center { text-align: center !important;}
.left { text-align: left !important;}
.right { text-align: right !important;}
.justify { text-align: justify !important;}
.top{ vertical-align: top !important;}
.middle{ vertical-align: middle !important; }
.bottom{vertical-align: bottom !important;}
.show{ display: block !important;}
.show-menu{ display: inline-table !important; 
            _display: inline !important; /* IE6 */
            *display: inline !important; /* IE7 */}
.hide{ display: none !important;}

 .clear {clear:both;} /* clear */

.noborder-bottom{ border-bottom: 0px !important; }


.mleft-small{ margin-left: 7.25% !important;}
.mleft-medium{ margin-left: 12.5% !important;}
.mleft-large{ margin-left: 25% !important;}
.mleft-full{ margin-left: 50% !important;}
 
.mright-small{ margin-right: 7.25% !important;}
.mright-medium{ margin-right: 12.5% !important;}
.mright-large{ margin-right: 25% !important;}
.mright-full{ margin-right: 50% !important;}

.mtop-minimum{ margin-top: 3.12% !important;}
.mtop-small{ margin-top: 7.25% !important;}
.mtop-medium{ margin-top: 12.5% !important;}
.mtop-large{ margin-top: 25% !important;}
.mtop-full{ margin-top: 50% !important;}

.mbotton-small{ margin-bottom: 7.25% !important;}
.mbotton-medium{ margin-bottom: 12.5% !important;}
.mbotton-large{ margin-bottom: 25% !important;}
.mbotton-full{ margin-bottom: 50% !important;}

.mleft-auto{ margin: 0 auto !important;}
.mtop-auto{ margin: auto 0 !important;}
.m-auto{ margin: auto !important;}
 
/* sizeS */

/* The styles below has several options for size and can be used on any element.
 * The size rules will prevail over other rules inherited by the element size
 * to which they apply, because the use of !Important.
 */
  .size01 { width: 01% !important;}
  .size02 { width: 02% !important;}
  .size03 { width: 03% !important;}
  .size04 { width: 04% !important;}
  .size05 { width: 05% !important;}
  .size06 { width: 06% !important;}
  .size07 { width: 07% !important;}
  .size08 { width: 08% !important;}
  .size09 { width: 09% !important;}
  .size10 { width: 10% !important;}
  .size11 { width: 11% !important;}
  .size12 { width: 12% !important;}
  .size13 { width: 13% !important;}
  .size14 { width: 14% !important;}
  .size15 { width: 15% !important;}
  .size16 { width: 16% !important;}
  .size17 { width: 17% !important;}
  .size18 { width: 18% !important;}
  .size19 { width: 19% !important;}
  .size20 { width: 20% !important;}
  .size21 { width: 21% !important;}
  .size22 { width: 22% !important;}
  .size23 { width: 23% !important;}
  .size24 { width: 24% !important;}
  .size25 { width: 25% !important;}
  .size26 { width: 26% !important;}
  .size27 { width: 27% !important;}
  .size28 { width: 28% !important;}
  .size29 { width: 29% !important;}
  .size30 { width: 30% !important;}
  .size31 { width: 31% !important;}
  .size32 { width: 32% !important;}
  .size33 { width: 33% !important;}
  .size34 { width: 34% !important;}
  .size35 { width: 35% !important;}
  .size36 { width: 36% !important;}
  .size37 { width: 37% !important;}
  .size38 { width: 38% !important;}
  .size39 { width: 39% !important;}
  .size40 { width: 40% !important;}
  .size41 { width: 41% !important;}
  .size42 { width: 42% !important;}
  .size43 { width: 43% !important;}
  .size44 { width: 44% !important;}
  .size45 { width: 45% !important;}
  .size46 { width: 46% !important;}
  .size47 { width: 47% !important;}
  .size48 { width: 48% !important;}
  .size49 { width: 49% !important;}
  .size50 { width: 50% !important;}
  .size51 { width: 51% !important;}
  .size52 { width: 52% !important;}
  .size53 { width: 53% !important;}
  .size54 { width: 54% !important;}
  .size55 { width: 55% !important;}
  .size56 { width: 56% !important;}
  .size57 { width: 57% !important;}
  .size58 { width: 58% !important;}
  .size59 { width: 59% !important;}
  .size60 { width: 60% !important;}
  .size61 { width: 61% !important;}
  .size62 { width: 62% !important;}
  .size63 { width: 63% !important;}
  .size64 { width: 64% !important;}
  .size65 { width: 65% !important;}
  .size66 { width: 66% !important;}
  .size67 { width: 67% !important;}
  .size68 { width: 68% !important;}
  .size69 { width: 69% !important;}
  .size70 { width: 70% !important;}
  .size71 { width: 71% !important;}
  .size72 { width: 72% !important;}
  .size73 { width: 73% !important;}
  .size74 { width: 74% !important;}
  .size75 { width: 75% !important;}
  .size76 { width: 76% !important;}
  .size77 { width: 77% !important;}
  .size78 { width: 78% !important;}
  .size79 { width: 79% !important;}
  .size80 { width: 80% !important;}
  .size81 { width: 81% !important;}
  .size82 { width: 82% !important;}
  .size83 { width: 83% !important;}
  .size84 { width: 84% !important;}
  .size85 { width: 85% !important;}
  .size86 { width: 86% !important;}
  .size87 { width: 87% !important;}
  .size88 { width: 88% !important;}
  .size89 { width: 89% !important;}
  .size90 { width: 90% !important;}
  .size91 { width: 91% !important;}
  .size92 { width: 92% !important;}
  .size93 { width: 93% !important;}
  .size94 { width: 94% !important;}
  .size95 { width: 95% !important;}
  .size96 { width: 96% !important;}
  .size97 { width: 97% !important;}
  .size98 { width: 98% !important;}
  .size99 { width: 99% !important;}
  .size100 { width: 100% !important;}
  .size105 { width: 105% !important;}
  .size110 { width: 110% !important;}
  .size115 { width: 115% !important;}
  .size120 { width: 120% !important;}
  .size125 { width: 125% !important;}
  .size130 { width: 130% !important;}
  .size135 { width: 135% !important;}
  .size140 { width: 140% !important;}
  .size145 { width: 145% !important;}
  .size150 { width: 150% !important;}

  
  .minimum-1   {width: 11.5% !important;}
  .minimum   {width: 12.5% !important;}
  .small-1   {width: 24% !important;}
  .small       {width: 25% !important;}
  .medium-1 {width: 49% !important;}
  .medium     {width: 50% !important;}
  .large-1   {width: 74% !important;}
  .large       {width: 75% !important;}
  .full-1     {width: 99% !important;}
  .full        {width: 100% !important;}

  
  

  .height01 { height: 01% !important;}
  .height02 { height: 02% !important;}
  .height03 { height: 03% !important;}
  .height04 { height: 04% !important;}
  .height05 { height: 05% !important;}
  .height06 { height: 06% !important;}
  .height07 { height: 07% !important;}
  .height08 { height: 08% !important;}
  .height09 { height: 09% !important;}
  .height10 { height: 10% !important;}
  .height11 { height: 11% !important;}
  .height12 { height: 12% !important;}
  .height13 { height: 13% !important;}
  .height14 { height: 14% !important;}
  .height15 { height: 15% !important;}
  .height16 { height: 16% !important;}
  .height17 { height: 17% !important;}
  .height18 { height: 18% !important;}
  .height19 { height: 19% !important;}
  .height20 { height: 20% !important;}
  .height21 { height: 21% !important;}
  .height22 { height: 22% !important;}
  .height23 { height: 23% !important;}
  .height24 { height: 24% !important;}
  .height25 { height: 25% !important;}
  .height26 { height: 26% !important;}
  .height27 { height: 27% !important;}
  .height28 { height: 28% !important;}
  .height29 { height: 29% !important;}
  .height30 { height: 30% !important;}
  .height31 { height: 31% !important;}
  .height32 { height: 32% !important;}
  .height33 { height: 33% !important;}
  .height34 { height: 34% !important;}
  .height35 { height: 35% !important;}
  .height36 { height: 36% !important;}
  .height37 { height: 37% !important;}
  .height38 { height: 38% !important;}
  .height39 { height: 39% !important;}
  .height40 { height: 40% !important;}
  .height41 { height: 41% !important;}
  .height42 { height: 42% !important;}
  .height43 { height: 43% !important;}
  .height44 { height: 44% !important;}
  .height45 { height: 45% !important;}
  .height46 { height: 46% !important;}
  .height47 { height: 47% !important;}
  .height48 { height: 48% !important;}
  .height49 { height: 49% !important;}
  .height50 { height: 50% !important;}
  .height51 { height: 51% !important;}
  .height52 { height: 52% !important;}
  .height53 { height: 53% !important;}
  .height54 { height: 54% !important;}
  .height55 { height: 55% !important;}
  .height56 { height: 56% !important;}
  .height57 { height: 57% !important;}
  .height58 { height: 58% !important;}
  .height59 { height: 59% !important;}
  .height60 { height: 60% !important;}
  .height61 { height: 61% !important;}
  .height62 { height: 62% !important;}
  .height63 { height: 63% !important;}
  .height64 { height: 64% !important;}
  .height65 { height: 65% !important;}
  .height66 { height: 66% !important;}
  .height67 { height: 67% !important;}
  .height68 { height: 68% !important;}
  .height69 { height: 69% !important;}
  .height70 { height: 70% !important;}
  .height71 { height: 71% !important;}
  .height72 { height: 72% !important;}
  .height73 { height: 73% !important;}
  .height74 { height: 74% !important;}
  .height75 { height: 75% !important;}
  .height76 { height: 76% !important;}
  .height77 { height: 77% !important;}
  .height78 { height: 78% !important;}
  .height79 { height: 79% !important;}
  .height80 { height: 80% !important;}
  .height81 { height: 81% !important;}
  .height82 { height: 82% !important;}
  .height83 { height: 83% !important;}
  .height84 { height: 84% !important;}
  .height85 { height: 85% !important;}
  .height86 { height: 86% !important;}
  .height87 { height: 87% !important;}
  .height88 { height: 88% !important;}
  .height89 { height: 89% !important;}
  .height90 { height: 90% !important;}
  .height91 { height: 91% !important;}
  .height92 { height: 92% !important;}
  .height93 { height: 93% !important;}
  .height94 { height: 94% !important;}
  .height95 { height: 95% !important;}
  .height96 { height: 96% !important;}
  .height97 { height: 97% !important;}
  .height98 { height: 98% !important;}
  .height99 { height: 99% !important;}
  .height100 { height: 100% !important;}
  .height105 { height: 105% !important;}
  .height110 { height: 110% !important;}
  .height115 { height: 115% !important;}
  .height120 { height: 120% !important;}
  .height125 { height: 125% !important;}
  .height130 { height: 130% !important;}
  .height135 { height: 135% !important;}
  .height140 { height: 140% !important;}
  .height145 { height: 145% !important;}
  .height150 { height: 150% !important;}
